import "./style.less";
import tab from "@/assets/images/user/bj_1.png";
import avatar from "@/assets/images/user/avatar.png";
import { Avatar } from "@mui/material";
import Tip from "./components/ListItem";
import src1 from "@/assets/images/user/collect_3.png";
import { useState } from "react";

export default function Mine() {
  const [tip, setTip] = useState({ src: src1, num: 1, collect: "收藏" });
  return (
    <div>
      <div className="tab">
        <img src={tab} alt="" />
      </div>
      <div className="avatar">
        <Avatar
          alt="Remy Sharp"
          src={avatar}
          sx={{ width: "90px", height: "90px" }}
        />
      </div>
      <div className="nickname">Tomato</div>
      <div>
        {/* Tip(src: string, num: number, tip: string)  */}
        <Tip data={tip} />
      </div>
    </div>
  );
}
